Countdown Break Timer

max="60" white-space: class="std-btn waves-light Minutes</a> waves-light Minutes</a> waves-effect </div> <a Minutes</a> btn border:0;" std-left"> <div countdown="15" countdown="60" <a waves-light onclick="setCountdown(30);">30 style="width:400px; Break</a> btn" /> Timer onclick="setCountdown(5);">5 class="std-btn class="range-field style="width:160px; class="input-field waves-light countdown="20" countdown="30" nowrap;"> waves-effect </div> countdown="5" std-center <div countdown="10" onclick="setCountdown(document.getElementById('otherSlider').value);">Other</a> </div> waves-effect col s12 id="startBreak" onclick="setCountdown(60);">60 btn" waves-light onclick="setCountdown(15);">15 disabled" std-center <a class="std-btn s12 class="std-btn Minutes</a> btn" std-center waves-light <p><div class="std-btn class="col <a id="countdown-slider" class="std-btn waves-effect onclick="startBreak()">Start waves-light waves-effect class="row"> waves-light countdown="" waves-effect std-center btn" std-left" id="stopBreak"class="std-btn id="otherValue" std-center id="countdown" std-center <div </div> onclick="stopBreak()">Stop onclick="setCountdown(10);">10 std-center std-center"> class="std-right" <div onchange="updateSliderText(this.value);" btn" btn <a class="std-btn class="row"> <a std-center"> Break</a> Minutes</a> class="countdown"></div> <div waves-effect std-center Countdown class="std-btn Break btn" <input <a onclick="setCountdown(20);">20 <a waves-effect id="otherSlider" <a <div display:inline; class="std-left" min="1" </div> type="range" waves-effect Minutes</a> btn" waves-light